<template>
    <panel title="更多服务" class="panel">
        <section class="content">
            <div class="item">
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t28189/232/289098066/5076/dfe2d74f/5bee6bb4N4ec4cede.png?width=90&height=90" alt="">
                <p>去赚钱</p>
            </div>
            <div class="item">
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t27334/12/1829630702/5159/f8133cd6/5bee6bbdN8606cfbb.png?width=90&height=90" alt="">
                <p>去赚钱</p>
            </div>
            <div class="item">
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t3991/64/2521945388/12110/93c0139/58d1e462Ncf294123.png?width=132&height=132" alt="">
                <p>去赚钱</p>
            </div>
            <div class="item">
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t27796/46/1836066448/4169/de69ccb0/5bee6bc3N92ca0e60.png?width=90&height=90" alt="">
                <p>去赚钱</p>
            </div>
            <div class="item">
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t27850/30/1789047580/4856/13f8bcb9/5bee6bcbN996fb433.png?width=90&height=90" alt="">
                <p>去赚钱</p>
            </div>
            <div class="item">
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t3991/64/2521945388/12110/93c0139/58d1e462Ncf294123.png?width=132&height=132" alt="">
                <p>去赚钱</p>
            </div>
            <div class="item">
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t29131/288/288291507/3943/bed46aef/5bee6bd5Nfc5d5360.png?width=90&height=90" alt="">
                <p>去赚钱</p>
            </div>
            <div class="item">
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t3991/64/2521945388/12110/93c0139/58d1e462Ncf294123.png?width=132&height=132" alt="">
                <p>去赚钱</p>
            </div>
        </section>
    </panel>
</template>

<script>
import Panel from "@/components/panel"
export default {
    name: 'Service',
    components: {
        Panel
    }
}
</script>

<style lang="scss" scoped>
 @import '~assets/scss/element.scss';
    .panel{
        @include panel;
        /deep/ h4.one{
            // border-bottom: 1px solid #ddd;
        }
        .content{
            @include flex(row);
            .item{
                width: 25%;
                height: 1.44rem;
                margin-bottom: .4rem;
                text-align: center;
                img{
                    width: .9rem;
                    height: .9rem;
                }
                p{
                    font-size: .24rem;
                    color: #666;
                    margin-top: .12rem;
                }
            }
        }
    }
</style>


